body{background-color: #F1F1F1;}
.main-page{ margin: 0 auto;color: #333;font-family: 'HiraginoSansGB-W3','Microsoft YaHei','微软雅黑','SimSun','宋体','PingFang SC','STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif;}
.header{position: relative;height:45px;background-color:#FF9B14;background-image:-webkit-linear-gradient(to bottom, #FFC149, #FF9B14); background-image:linear-gradient(to bottom,#FFC149, #FF9B14);}
.header .title{padding: 0 44px;text-align: center;height:45px;line-height: 45px;font-size: 18px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color: #fff;}

.search{ margin: 10px 0 0;-webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; height: 50px;-webkit-box-shadow: 0px 0px 2px rgba(140, 140, 140, 0.2);box-shadow: 0px 0px 2px rgba(140, 140, 140, 0.2);}
.search .label{width:36%;float: left;height: 50px;}
.search .search-input{width: 64%;-webkit-box-sizing: border-box; box-sizing: border-box; float: left;height: 50px;padding: 0 20px 0 45px;
    background:url("../images/search.png")no-repeat 20px center; background-size:15px auto;}
.search .search-input .keyWord{width: 100%;outline: none;border: 0;height: 50px;line-height: 50px;font-size: 14px}

.select-wrapper{display: -webkit-box;display: -moz-box;display: flex;display:-webkit-flex;font-size: 14px;}
.select-wrapper .select-item{position: relative;-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1;-webkit-flex-grow:1;flex-grow:1;width: 0;height:50px;line-height:50px;padding:0 26px 0 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.select-wrapper .select-item:after{content: "";display: block;width: 0;height: 0;border:3px solid #9e9f9f; border-top-color:transparent;border-left-color:transparent;
    position: absolute;top:50%;right: 10px; -webkit-transform:rotate(45deg) translate(-50%,-50%);transform:rotate(45deg) translate(-50%,-50%);}
.select-wrapper .select-item+.select-item,.search .search-input{position: relative}
.select-wrapper .select-item+.select-item:before,.search .search-input:before{content: "";display: block;width: 1px; background-color: #eee;position: absolute;left: 0;top:13px; bottom: 13px;  }
.select-wrapper .select-item.active{color:#FF9B14}
.select-wrapper .select-item.active:after{border-left-color:#FF9B14; border-top-color:#FF9B14;border-bottom-color:transparent;border-right-color:transparent;-webkit-transform:rotate(45deg) translate(-50%,-50%);transform:rotate(45deg) translate(-3%,-9%);}

.select-content{position: absolute;width: 100%;top: 164px;bottom: 53px;left: 0;right: 0;background-color: rgba(0,0,0,0.25);z-index: 99;opacity:0;display: none}
.select-content .option-list{background-color: #fff; height: 80%;width: 100%;border-top: 1px solid #f1f1f1;overflow-y: auto}
.select-content .option-list .option{padding: 0 20px;height: 50px;line-height: 50px;font-size: 14px;border-bottom: 1px solid #f1f1f1;}
.select-content .option-list .option.active{color:#FF9B14 }
.select-content.show{display: block;    -webkit-transition: all .05s linear;  transition: all .05s linear;}
.select-content.fade{opacity:1}

.select-content.label{top:104px}

.data-wrapper{position: absolute;top: 164px;bottom: 53px;left: 0;right: 0;z-index: 3;overflow-y: auto}
.data-wrapper.noData{background: url("../images/nodata.png") no-repeat center;background-size: 150px auto;}
.data-wrapper.noData *{display: none}
.data-wrapper .title{padding:0 10px; height: 40px; line-height: 40px;font-size:15px;background-color: #fff;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;border: 1px solid #f1f1f1;
border-left: 0; border-right: 0;}
.data-list .data-item{padding: 10px 15px; border-bottom: 1px solid #f1f1f1;display: -webkit-box;display: -moz-box;display: flex;display:-webkit-flex;color: #333;background-color: #fff}
.data-list .data-item .left{width: 55px;height: 55px;overflow: hidden}
.data-list .data-item .left img{max-width: 100%}
.data-list .data-item .right,.data-list .data-item .right p span{display: block;-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1;-webkit-flex-grow:1;flex-grow:1;width: 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.data-list .data-item .right{padding-left: 10px;font-size: 14px}
.data-list .data-item .right .price{font-size: 18px;color:#FF9B14; }
.data-list .data-item .right p{height: 25px;line-height:25px;display: -webkit-box;display: -moz-box;display: flex;display:-webkit-flex;}
.text-right{text-align: right!important;}
.data-list .data-item .right p.grey{color: #999; margin-top: 5px}

.footer-nav{display: table; width: 100%;border-top: 1px solid #f1f1f1;background-color: #fff;position: fixed;bottom: 0;left: 0;right: 0;-webkit-box-shadow: 0px 0px 5px rgba(165, 165, 165, 0.15);box-shadow: 0px 0px 5px rgba(165, 165, 165, 0.15);}
.footer-nav .tap-item{display:table-cell;padding: 5px 0;text-align: center; color: #999;}
.icon-nav{display: inline-block;width: 25px;height: 25px; background: url("../images/nav.png") no-repeat;background-size: auto 25px;}
.nav-index{background-position: 0px 0px}
.nav-invoice{background-position: -32px 0px}
.nav-message{background-position: -70px 0px}
.nav-user{background-position: -103px 0px}
.footer-nav .tap-item .text{display: block;margin-top: 3px;font-size: 12px;}
.footer-nav .tap-item.active{color:#FFBE46 }
.footer-nav .tap-item.active .icon-nav{background-image:url("../images/navActive.png");}
input::-webkit-input-placeholder {color:#BBB;}
input:-moz-placeholder { color:#BBB;}
input::-moz-placeholder {color:#BBB; }
input:-ms-input-placeholder {color:#BBB; }
.red{color:#ed6968;margin: 0 5px}